<!--  -->
<template>
  <div>
    <text-img title="价格"
    subTitle="THE PRICE"
    text="弹性灵活简单易用，超高性价比的云计算服务价格"
    source="/static/images/price.png"></text-img>
    <b-container class="price-container">
      <b-row>
        <b-col v-for="(i,index) in 4" :key="index" lg="3" md="6" cols="11">
          <price-box source="/static/images/icon-pr1.png"
            type="标准版"
            price="0"
            btn-text="免费试用"
            color="blue"></price-box>
        </b-col>
      </b-row>
    </b-container>
    <b-container>
      <function-table></function-table>
    </b-container>
    <enterprise></enterprise>
  </div>
</template>

<script>
import TextImg from '@/components/TextImg'
import Enterprise from '@/components/Enterprise'
import PriceBox from './PriceBox'
import FunctionTable from './FunctionTable'

export default {
  name: 'price',

  components: {
    TextImg,
    Enterprise,
    PriceBox,
    FunctionTable
  },

  data () {
    return {
    }
  },

  computed: {},

  methods: {}
}

</script>
<style lang='less' scoped>
  .price-container {
    padding: 4rem 0;
    .row>div {
      margin: 0 auto @base-edge * 2;
    }
  }
</style>
